/*婊氬姩鏉�*/
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  */
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background:#e6e6e6;

}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 0px;
    background:#c2c2c2;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #ddd;
}
::-webkit-scrollbar-thumb:hover {
	background: #999;
}

.overlay{width:100%;height:100%;position:fixed;left:0;top:186px;z-index:999;background:rgba(0,0,0,0.5);}
.noScroll{overflow:hidden;}
.main{margin:0;padding-bottom:20px;}
/*markets*/
.topMarkets{width:100%;min-width:1200px;padding-top:10px;background:#f9f9f9;position:relative;}
.topMarkets ul{overflow:hidden;margin-left:-25px;}
.topMarkets li{margin:0 0 10px 25px;float:left;line-height:1.4;height:46px;}
.topMarkets li a,.topMarkets li a:visited{display:inline-block;width:202px;height:32px;font-size:12px;color:#333;padding:6px 0 6px 16px;border:1px solid #e6e6e6;background:#fff;overflow:hidden;}
.topMarkets li a:hover,.topMarkets li.cur a{border-color:#e8b342;}
.topMarkets li .pair,.topMarkets li .price{margin-right:8px;}
.topMarkets .more{text-align:center;padding-bottom:5px;margin-top:-5px;}
.topMarkets .more span{display:inline-block;padding:0 10px;font-size:12px;color:#666;cursor:pointer;}
.topMarkets .more span .iconfont{margin-left:3px;font-size:12px;}
.topMarkets .close{cursor:pointer;line-height:1.2;display:inline-block;padding:3px 3px 3px 8px;border:1px solid #fff;font-size:12px;color:#fff;position:absolute;left:50%;bottom:-34px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
.topMarkets .close .iconfont{font-size:14px;margin:0 0 0 4px;vertical-align:baseline;}
.markets-table{position:absolute;width:100%;min-width:1200px;background:#f9f9f9;left:0;top:122px;z-index:999;padding:14px 0 24px;box-shadow:0 2px 3px rgba(0,0,0,0.1);}
.markets-table .container{position:relative;}
.markets-table .filters{position:absolute;top:0;right:0;}
.markets-table .filters label{display:inline-block;vertical-align:middle;font-size:12px;color:#666;}
.markets-table .filters input{width:218px;height:28px;padding:0 10px;vertical-align:middle;background:#fff;color:#333;border:1px solid #d4d4d4;}
.markets-table .type{overflow: inherit;margin:-1px 0 0;height:35px;}
.markets-table .type li{float:left;cursor:pointer;padding:0 17px;margin:0 -1px -1px 0;height:34px;line-height:34px;border:1px solid #e6e6e6;background:#f9f9f9;color:#666;font-size:14px;font-weight:bold;position:relative;z-index:99;}
.markets-table .type li.cur{background:#fff;color:#e8b342;border-bottom-color:#fff;}
.markets-table .type li:after{content:" ";display:none;width:100%;height:1px;background:#fff;position:absolute;left:0;bottom:-1px;}
.markets-table .type li.cur:after{display:inline-block;}
.markets-table .con{border:1px solid #e6e6e6;}
.markets-table .con .tableBody{max-height:237px;overflow-y:auto;}
.markets-table .con .table th{cursor:pointer;}
.markets-table .con .table th .iconfont{vertical-align:middle;margin:0;font-size:12px;color:#999;}
.markets-table .con .table th,.markets-table .con .table td{background:#fff;padding:0px 26px;border-bottom:1px solid #f0f0f0;height:30px;line-height:30px;}
.markets-table .con .table td{border-top:none;color:#333;}
.markets-table .con .table td .transMoney{color:#999!important;}
.markets-table .con .table tr:last-of-type td{border-bottom:none;}
.markets-table .con .table tr:hover td{background:#fefcf6;cursor:pointer;}
.main{background:#fff;}
.main .main-body{padding:0 260px;}
.main .main-body .main-left{width:260px;position:absolute;left:0;top:0;}
.main .main-aside{width:260px;}
.main .main-con{padding:0 15px;}

.userRecords .f-fl{width:685px;}
.userRecords .f-fr{width:500px;}

.gray{color:#cdcdcd}
.depths span{z-index: 2;position: relative;}
.depths td{position: relative;}
.zhuzhuang {
    position: absolute;
    top: 0px;
    bottom: 1px;
    right: 0;
    width: 0px;
    z-index: 1;
}
.bidTable .zhuzhuang{
    background-color: #eff7e4 !important;
}
.askTable .zhuzhuang{
    background-color: #faebf2 !important;
}
#kline-con{background-color:#fff}
.depths .table tr:hover{cursor:pointer;}
.depths td:hover{font-weight: bold;}
.depths td:hover,.depths td:hover span{color:#000000;}
.depths .table td.magenta:hover span{color:#ff007a;}
.depths .table td.green:hover span{color:#85c700;}

.bnbpayment-div {
    color: #999999;

    position: relative;
    margin-left: 57px;
    font-size: 12px;
}
.bnbdiscount {
    position: absolute;
    background-color: #fff;
    box-shadow: 3px 3px 3px;;
    padding: 10px;
    right: 0px;
    bottom: 24px;
    z-index: 333;

    white-space: nowrap;
}
.item-con .table tr td,.item-con .table tr th{padding: 0;}
.item-con .table tr td:nth-child(1),.item-con .table tr td:last-child,
.item-con .table tr th:nth-child(1),.item-con .table tr th:last-child
{padding: 0 7px;}




body .table{border:none;}
.magenta .gray{color:#f5a3c0}
.green .gray{color:#c0d6a3}
.table.table-striped th, .table.table-striped td{height: 30px;line-height: 20px;}
/*loading 鍔ㄧ敾*/
#pageLoading{background-color: #e6e6e6;width: 100%;height: 100%;position: fixed;top:0;left:0;z-index: 10000}
.spinner {
    width: 100px;
    height: 60px;
    text-align: center;
    font-size: 10px;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}

.spinner > div {
    background-color: #e8b342;
    height: 100%;
    width: 6px;
    display: inline-block;
    margin:0 5px;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% {
           transform: scaleY(1.0);
           -webkit-transform: scaleY(1.0);
       }
}
.depths .table th{background: none}
.chart{outline: none;}
table *{box-sizing: border-box}
.refresh-span{
    color:#17afed;
    cursor:pointer;
}
#chart_container {color: #fff;background-color: #ffffff;font-family:"din_light",Arial,sans-serif;padding:0;}
.chart {position:relative;}
.chart canvas{position:absolute;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}

#depth {
    width:100%;
    height:100%;
    background-color: #ffffff;
    /*box-shadow: 0 0 10px #000;*/
}
#depth canvas {
    position: absolute;
    cursor: none;
    /* Disable user selection of anything */
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.box-inner{height:100%;width:100%;}


.orderforms-inputs .field.percent label{height:20px;}
.orderforms-inputs .field.percent .col{display:inline-block;width:46px;height:18px;border:1px solid #e9e9e9;background:#fff;font-size:12px;color:#333;text-align:center;line-height:20px;cursor:pointer;margin-right:8px;}
.orderforms-inputs .field.percent .col:last-of-type{margin:0;}
.orderforms-inputs .field.percent .col:hover{color:#deac37 ;border-color: #deac37}
.main-con .fee{font-size: 12px;color:#262d33;text-align: right;margin: 10px 0 10px 0;height: 16px; line-height: 16px;}
.main-con .fee s{text-decoration:line-through ;color:#999999}
.layui-layer-dialog.orderLayer .layui-layer-content{text-align:center;}

